<ion-header>
  <ion-navbar color="primary">
    <ion-title>
      更多
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="bg-color">
  <ion-list class="top-list">
    <button ion-item (click)="goPage('UserInfoPage')">
      <ion-avatar item-left>
        <img src={{userInfo.profilePicUri}}>
      </ion-avatar>
      <h2>昵称：{{userInfo.nickName}}</h2>
      <p>账号：{{userInfo.userCode}}</p>
    </button>
  </ion-list>

  <ion-list>
    <button ion-item >
      <ion-label>推送提醒</ion-label>
      <ion-toggle [(ngModel)]="pushEnable" (ngModelChange)='setPush($event)'></ion-toggle>
    </button>
    <button ion-item (click)="goPage('MessageListPage')">
      我的消息
      <ion-badge [hidden]="unReadMsgCount==0" color="danger" item-end>{{unReadMsgCount}}</ion-badge>
    </button>
<!--    <button ion-item>
      <ion-avatar item-left>
        <img src="./assets/icon/user.jpg">
      </ion-avatar>
      测试
    </button>-->
  </ion-list>

  <ion-list>
    <button ion-item (click)="goPage('AccountSecurityPage')">
      账号安全
    </button>
    <button ion-item (click)="goPage('HelpAndFeedbackPage')">
      帮助与反馈
      <ion-note item-end>
        您的意见很重要
      </ion-note>
    </button>
    <button ion-item (click)="goPage('AppUpdatePage')">
      关于
    </button>
  </ion-list>

  <div style="text-align: center; margin-left: 30px; margin-right: 30px;margin-top: 30px;">
    <button ion-button block (click)="logOut()">
      退出登录
    </button>
  </div>
</ion-content>
